---
title: PicHost
date: 2021-03-21
description: 一个简单的图片托管服务
source: https://github.com/elianiva/pichost
type: open-source
stack:
  - [Svelte, https://svelte.dev/]
  - [Cloudinary, https://cloudinary.com/]
---

一个使用 Svelte 和 Cloudinary 构建的简单图片托管服务。

## 特性

- 拖放上传
- 图片预览
- 自动生成分享链接
- 响应式设计
- 简洁的用户界面

## 技术栈

- [Svelte](https://svelte.dev/) - 前端框架
- [Cloudinary](https://cloudinary.com/) - 图片存储和处理
- [Tailwind CSS](https://tailwindcss.com/) - CSS 框架
- [Vercel](https://vercel.com/) - 部署平台

## 屏幕截图

![上传界面](/images/pichost-upload.png)
*简单的拖放上传界面*

![图片预览](/images/pichost-preview.png)
*上传后的图片预览和分享链接*

## 安装

```bash
git clone https://github.com/elianiva/pichost.git
cd pichost
npm install
npm run dev
```

## 配置

你需要在 Cloudinary 上创建一个账户并获取 API 凭据，然后在环境变量中设置：

```
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret
```

## 使用方法

1. 克隆仓库
2. 安装依赖
3. 配置 Cloudinary 凭据
4. 运行开发服务器
5. 访问 http://localhost:3000

## 部署

推荐使用 Vercel 进行部署，因为它与 Svelte 兼容性很好。

## 许可证

MIT